<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./TemplatePrincipal.xhtml">

            <ui:define name="top">
               
            </ui:define>

            <ui:define name="left">

            </ui:define>

            <ui:define name="right">
                <p:panel>
                <h:form>
                    <p:commandButton action="PaginaLogin" value="Salir"/>
                </h:form>
                </p:panel>
            </ui:define>

            <ui:define name="content">
                 <p:panel header="Bienvenido A La Biblioteca Del 8A" footer="Formulario Validado" >
                <h:form>
                 <p:notificationBar position="top" effect="slide" widgetVar="bar" styleClass="top">  
                            <h:outputText value="Bienvenidos a la Biblioteca de 8A" style="color:#FFCC00;font-size:36px;" />  
                        </p:notificationBar>  
                    <p:tabMenu activeIndex="9">  
                        <p:menuitem icon="ui-icon-star" value="Mensaje de Bienvenida" onclick="bar.show()" type="button"/>
                        <p:menuitem icon="ui-icon-star" value="Autor"  action="AutorVista"/>
                        <p:menuitem icon="ui-icon-star" action="CategoriaVista" value="Categoria"/>
                        <p:menuitem icon="ui-icon-star" action="DetallePrestamoVista" value="Detalle del Prestamo"/>
                        <p:menuitem icon="ui-icon-star" action="LibroCategoriaVista" value="Categoria del Libro"/>
                        <p:menuitem icon="ui-icon-star" action="LibroVista" value="Libro"/>
                        <p:menuitem icon="ui-icon-star" action="PrestamoVista" value="Prestamo"/>
                        <p:menuitem icon="ui-icon-star" action="UsuarioVista" value="Usuario"/>
                        <p:menuitem icon="ui-icon-star"  value="Ocultar Mensaje" onclick="bar.hide()" type="button"/>
                        
                    </p:tabMenu>
                </h:form>
                 </p:panel>
            </ui:define>

        </ui:composition>

    </body>
</html>
